body{
    color: #000;
    
}
.jm22{
    position: absolute;
    width: 150px;
    height: 150px;
    top: 77.68%;
    left: 0%;
    background-image: url(tp/bg2.jpg);
    background-size:cover;
    border-radius: 10px;
}
.jm3{
    position: absolute;
    width: 300px;
    height: 300px;
    top: 22%;
    left: 10%;
    background-image: url(tp/bg3.jpg);
    background-size:cover;
    
}

.jm4{
    position: absolute;
    width: 150px;
    height: 150px;
    top: 77.45%;
    left: 87.5%;
    background-image: url(tp/bg4.jpg);
    background-size:cover;
    border-radius: 10px;
}
.jm5{
    position: absolute;
    width: 32px;
    height: 32px;
    top: 75%;
    left: 76%;
    background-image: url(tp/bg5.jpg);
    background-size:cover;

}
.jm6{
    position: absolute;
    width: 35px;
    height: 35px;
    top: 75%;
    left: 68%;
    background-image: url(tp/bg6.jpg);
    background-size:cover;

}
.jm7{
    position: absolute;
    width: 30px;
    height: 30px;
    top: 75%;
    left: 60%;
    background-image: url(tp/bg7.jpg);
    background-size:cover;
}
.txt1{
    position: absolute;
    top:13% ;
    left: 14.5%;
    font-size: 25px;
    font-weight: 700;

}
.txt2{
    position: absolute;
    top: 74%;
    left: 15%;
    font-size: 15px;
    font-weight: 400;

}
.txt3{
    display: flex;
    width: 420px;
    height: 420px;
    border: none;
    position: absolute;
    top: 12%;
    left: 55%;
    z-index: 4;
}

.txt4{
    width: 50px;
    height: 50px;
    position: absolute;
    
}
.txt5{
    position:absolute;
    top:86%;
    left: 30%;
}

.a1{
    width: 300px;
    height: 50px;
    border: none;
    position: absolute;
    top:5%;
    left: 15%;
    font-size: 25px;
    font-weight: 400;
    white-space: pre;
    color: rgb(0, 208, 255);
}
.a2{
    width: 400px;
    height: 70px;
    border: 1px solid black;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    position: absolute;
    top:22%;
    left: 0%;
    font-size: 18px;
    font-weight: 400;
    line-height: 50px;
    white-space: pre;
}
.a3{
    width: 400px;
    height: 70px;
    border: 1px solid black;
    position: absolute;
    top:38.5%;
    left: 0%;
    font-size: 18px;
    font-weight: 400;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    line-height: 50px;
    white-space: pre;
}
.a4{
    width: 100px;
    height: 50px;
    border: 1px solid black;
    border-radius: 10px;
    position: absolute;
    top:65%;
    left: 15%;
    font-size: 25px;
    font-weight: 400;
    text-align: center;
}
.a5{
    width: 300px;
    height: 50px;
    border: none;
    position: absolute;
    top:80%;
    left: 30%;
    font-size: 15px;
    font-weight: 400;
    color: rgb(155, 170, 183);
    white-space: pre;
}
.a6{
    width: 300px;
    height: 50px;
    border: none;
    position: absolute;
    top:90.5%;
    left: 20.5%;
    font-size: 15px;
    font-weight: 400;
    color: rgb(155, 170, 183);
    white-space: pre;
}
.b1{
    width: 100px;
    height: 50px;
    border: 1px solid black;
    position: absolute;
    top:65%;
    left: 55%;
    font-size: 25px;
    font-weight: 400;
    text-align: center;
    border-radius: 10px;
    background-color: rgb(0, 229, 255);
}
.b2{
    width: 300px;
    height: 50px;
    border: none;
    position: absolute;
    top:1%;
    left: 97%;
    font-size: 25px;
    font-weight: 400;

}
.b3{
    position: absolute;
    width: 1200px;
    height: 420px;
    border: 1px solid rgb(0,0,0,1);;
    border-right:ipx solid rgb(0,0,0,1);
    border-top: 0px;
    border-bottom: 0px;
    border-right: 0px;
    left: 45%;
    top:7%
}

.b4{
    outline: none;
    border: none;
    width: 250px;
    height: 50px;
}
.b5{

    color: black; 
}